<template>
	
	
    <div id="box" style="width: 750rpx; height:500rpx;"></div>

</template>

<script>
	var echarts = require('echarts/lib/echarts');
	// 引入柱状图
	require('echarts/lib/chart/line');
	// 引入提示框和标题组件
	require('echarts/lib/component/tooltip');
	require('echarts/lib/component/title');
	export default {
		data() {
			return {
				hour: 10,
				minute:50,
				second:32
			};
		},
		mounted() {
			var myChart = echarts.init(document.getElementById("box"));
			 
			    // option 里面的内容基本涵盖你要画的图表的所有内容
			    // 定义样式和数据
			    var option = {
			        // 给echarts图设置背景色
			
			 
			 
			        xAxis: {
			                type: 'category',
			                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
			            },
			            yAxis: {
			                type: 'value'
			            },
			            series: [{
			                data: [820, 932, 901, 934, 1290, 1330, 1320],
			                type: 'line'
			            }]
			    };
			    
			 
			    // 一定不要忘了这个，具体是干啥的我忘了，官网是这样写的使用刚指定的配置项和数据显示图表。  
			    myChart.setOption(option);
		},
		onLoad: function() {
			
		},
		methods: {
			gotoproductdetails(e) {
				uni.navigateTo({
					url: '../productdetails/productdetails' 
				});
			},
			switch1Change (e) {
			            console.log('switch1 发生 change 事件，携带值为', e.target.value)
			},
		}
	}
</script>

<style lang="less">
	
	
</style>
